<!--
 * @Author: coocase
 * @Date: 2021-04-16 20:09:34
 * @LastEditTime: 2021-04-17 16:22:08
 * @LastEditors: coocase
 * @Description: title
 * @FilePath: \git\dami\src\pages\account\pageHeader.vue
-->
<template>
  <div class="wrap">
      <span>个人主页 ></span>
      <span>{{menuGroup}} ></span>
      <span>{{menu}}</span>
  </div>
</template>

<script>
export default {
    name:'pageHeader',
    props:['menuName'],
    data:function(){
        return {
            menuGroup:'交易中心',
            menu:''
        }
    },
    methods:{
        getMenuName(){
            // console.log(this.menuName);
            if(this.menuName=='orderManager'){
                this.menuGroup =  "交易中心";
                this.menu = "订单管理"
            }else if(this.menuName=='accountManage'){
                this.menuGroup ="账户中心";
                this.menu = "个人信息"
            }
        }
    },
    mounted:function (){
        // console.log("updated");
        this.getMenuName()
    }
}
</script>

<style scoped>
.wrap{
    margin: 0px 0px 20px 0px;
}
</style>
